<template>
	<view class="content">
		<f-navbar title="商品分类" fontColor="#fff" fontSize="34" navbarType="4"
			gradient="linear-gradient(-90deg,#B6359C, #EF0A6A )">
		</f-navbar>
		<!-- <search></search> -->
		<view class="content_search">
			<view class="search_box">
				<view class="search_input">
					<input class="search_we_in" @focus="onfocus" :placeholder="placeholder"
						placeholder-style="font-size:28rpx; color:#bbb" type="text">
				</view>
				<view class="search_btn">搜索</view>
			</view>
		</view>
		<view class="searchbox"></view>
		<view class="content_box">
			<scroll-view class="nav_left" scroll-y :style="'height:' + height + 'px'" :scroll-top="scrollLeftTop"
				scroll-with-animation>
				<view class="nav_left_item" @click="categoryClickMain(item,index)"
					:class="item.system_cate_id==categoryActive ? 'active':''" :key="index"
					v-for="(item,index) in classifyData">
					<view class="nav-item_txt" :class="item.system_cate_id==categoryActive ? 'txtactive':''">
						{{item.title}}</view>

				</view>
			</scroll-view>
			<scroll-view class="nav_right scrollHeight" scroll-y @scrolltolower="lowerBottom" :scroll-top="scrollTop"
				:refresher-triggered="triggered" :scroll-with-animation="true">

				<view class="nav_rtop_box" @click="changeddy">
					<view class="nav_rchange" data-price_active="2" :class="price_active==2 ? 'nav_rchange_active':''">
						单品拼单</view>
					<view class="nav_rchange" data-price_active="1" :class="price_active==1 ? 'nav_rchange_active':''">
						店铺拼单</view>
					<view class="nav_rchange" data-price_active="3" :class="price_active==3 ? 'nav_rchange_active':''">
						原价商品</view>
				</view>
				<view class="nav_rtop_boxZW"></view>
				<view class="nav_right_tabbg">
					<view class="nav_right_tab">
						<view class="nav_right_tabbox" :class="number==index?'.nav_right_tabbox_active':''"
							v-for="(item,index) in list" :key="index" @click="select(item,index)">
							<view class="flexs">
								<view>{{item.name}}</view>
								<view class="price_jiantou" v-if="item.id=='4' || item.id=='5'">
									<van-icon name="arrow-up" :color="item.upState ? '#ff9a00':'#555555'" size="8" />
									<van-icon name="arrow-down" :color="item.downState ? '#ff9a00':'#555555'"
										size="8" />
								</view>
							</view>
						</view>

					</view>
					<view class="nav_right_tabZW"></view>
					<view class="nav_right_shopbox" v-if="price_active==2">

						<view class="nav_right_shops" v-for="(dpinitem,dpinindex) in dataList" :key="dpinindex"
							@click="ondetail(dpinitem)">
							<view class="nav_right_shops_top">
								<image class="nav_right_shops_topicon" :src="imgurl+'shop_icon.png'" mode=""></image>
								<view class="nav_right_shops_topname">{{dpinitem.store_name}}</view>
								<van-icon name="arrow" color="#999" size="14" />
							</view>
							<view class="nav_right_shopcontent">
								<view class="nav_right_shopcontentimg">
									<image class="nav_right_shopcontentimg" :src="dpinitem.good_img" mode=""></image>
								</view>
								<view class="nav_right_shopcontenttxt">
									<view class="nav_right_shopcontenttitle">{{dpinitem.title}}</view>
									<view class="nav_right_shopcontentBq" v-if="dpinitem.tags!==''">
										<text class="biaoqian" v-for="(tagsitem,tagsindex) in dpinitem.tags"
											:key="tagsindex">{{tagsitem}}</text>
										<!-- <text class="biaoqian">正品</text>
										<text class="biaoqian">正品</text> -->
									</view>
									<!-- 原价最低价 -->
									<view class="nav_right_shopdazhe">
										<view class="nav_right_shopdazheY" v-if="dpinitem.origin_price!==''"> 原价: <text
												class="nav_right_shopdazheicon">￥</text>{{dpinitem.origin_price}}
										</view>
										<view class="nav_right_shopdazheZD" v-if="dpinitem.low_price!==''">最低价: <text
												class="nav_right_shopdazheicon">￥</text>{{dpinitem.low_price}}</view>
									</view>
									<view class="nav_right_shopsYjian">
										<view class="nav_right_shopsYjianL">原价：<text class="price_icon">￥</text><text
												class="price_money">{{dpinitem.now_price}}</text></view>
										<view class="nav_right_shopsYjianR">+</view>
									</view>

								</view>
							</view>
							<!-- 最底部活动时间 -->
							<view class="nav_right_shopbottom" v-if="dpinitem.end_time!==''">
								活动截止时间：{{dpinitem.end_time}}</view>
							<view class="nav_right_shopfloat" v-if="dpinitem.attr_type!=='2'">{{dpinitem.attr_type_txt}}
							</view>
						</view>

					</view>

					<view class="nav-right_storebox" v-if="price_active==1">
						<view class="nav_right_stores" v-for="(dpuitem,dpuindex) in dataList" :key="dpuindex">
							<view class="nav_right_storestopimg">
								<image class="nav_right_storestopimg" :src="dpuitem.logo" mode=""></image>
							</view>
							<view class="nav_right_stores_titlebox">
								{{dpuitem.name}}
								<van-icon class="right_icon_store" name="arrow" size="12" color="#999999" />
							</view>
							<view class="nav_right_storesYZSHOP" v-if="dpuitem.promise!==''">
								<text class="nav_right_storeinfo">{{dpuitem.promise}}</text>
								<!-- 	<text class="nav_right_storeinfo">认证会员</text>
								<text class="nav_right_storeinfo">时尚单品</text> -->
							</view>
							<view class="nav_right_stores_pingjiabox">
								<van-rate :value="ratevalue" gutter="1" size="13" color="#ff0000" count="6"
									bind:change="onChange" />
								80万+评价
							</view>
							<view class="nav_right_stores_xiaoliang">
								<view class="nav_right_stores_xiaoliangL">本月销量</view>
								<view class="nav_right_stores_xiaoliangR">{{dpuitem.all_sale_num}}件</view>
							</view>
							<view class="nav_right_store_shoucang">
								<view class="shops_collectL" @click="onshoucang(dpuitem)">
									<image v-show="!dpuitem.is_coll" class="collect_img" :src="imgurl+'collecticon.png'"
										mode=""></image>
									<image v-show="dpuitem.is_coll" class="collect_img"
										:src="imgurl+'collecticon_active.png'" mode=""></image>
								</view>
								<view class="shops_collectR">{{dpuitem.coll_num}}人收藏</view>
							</view>
							<view class="nav_right_storesbottom" v-if="dpuitem.rule_txt!==''">{{dpuitem.rule_txt}}
							</view>
							<view class="nav_right_storeshuodong">
								<image class="huodong_huo" :src="imgurl+'huodong_huoicon.png'" mode=""></image>
								<view class="huodong_txt">
									活动
								</view>
							</view>
						</view>



					</view>

					<view class="nav_right_shopbox" v-if="price_active==3">
							<scroll-view @scrolltolower="lowerBottom" scroll-y="true"
							class="scrollHeight" :style="{marginTop:0+'rpx'}"  
							:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="nav_right_shops" v-for="(yjitem,yjindex) in dataList" :key="yjindex"
							@click="ondetail(yjitem)">
							<view class="nav_right_shops_top">
								<!-- <view class="nav_right_shops_topicon"> -->
								<image class="nav_right_shops_topicon" :src="imgurl+'shop_icon.png'" mode=""></image>
								<!-- </view> -->
								<view class="nav_right_shops_topname">{{yjitem.store_name}}</view>
								<van-icon name="arrow" color="#999" size="14" />
							</view>
							<view class="nav_right_shopcontent">
								<view class="nav_right_shopcontentimg">
									<image class="nav_right_shopcontentimg" :src="yjitem.good_img" mode=""></image>
								</view>
								<view class="nav_right_shopcontenttxt">
									<view class="nav_right_shopcontenttitle">{{yjitem.title}}</view>
									<view class="nav_right_shopcontentBq" v-if="yjitem.tags!==''">
										<text class="biaoqian" v-for="(yjtagsitem,yjtagsindex) in yjitem.tags"
											:key="yjtagsindex">{{yjtagsitem}}</text>
										<!-- 	<text class="biaoqian">正品</text>
										<text class="biaoqian">正品</text> -->
									</view>
									<view class="nav_right_shopsYjian">
										<view class="nav_right_shopsYjianL">原价：<text class="price_icon">￥</text><text
												class="price_money">{{yjitem.now_price}}</text></view>
										<view class="nav_right_shopsYjianR">+</view>
									</view>

								</view>
							</view>
						</view>


						</scroll-view>
					</view>

				</view>
			</scroll-view>
		</view>

	</view>

</template>

<script>
	import classifyData from '../../../utils/data.js'
	import hxNavbar from "@/components/hx-navbar/hx-navbar"
	import fNavbar from '@/uni_modules/f-navbar/components/f-navbar/f-navbar.vue';
	import search from "@/components/search/search"
	import cxScreen from '@/uni_modules/cx-screen/components/cx-screen/cx-screen.vue'
	import {
		getGoodDataBySysCate,
		getSystemCate,
		setCollect
	} from '../../../utils/app.js'
	export default {
		components: {
			hxNavbar,
			search,
			fNavbar,
			cxScreen
		},
		data() {
			return {
				placeholder: '三只松鼠',
				list: [{
						id: 1,
						name: '综合'
					},
					{
						id: 2,
						name: '销量'
					},
					{
						id: 4,
						name: '价格',
						upState: false,
						downState: false
					},
					{
						id: 3,
						name: '购买人数'
					},
				],
				classifyData: [],
				//price: 1, // 是单品是拼团还是原价
				number: 0, // 选择销量价格排行
				changetab: 1, // 选择销量价格排行
				height: 0,
				categoryActive: 1,
				scrollTop: 0,
				scrollLeftTop: 0,
				//arr: [0, 584, 1168, 1752, 2336, 2805, 3274, 3858, 4442, 4911, 5380, 5734, 6203, 6672,7017], //初始值，后边计算会根据手机适配覆盖
				// leftItemHeight: 51, //49行会计算出新值进行覆盖
				// navLeftHeight: 0, //左边scroll-view 内层nav的总高度
				// diff: 0, //左边scroll-view 内层nav的总高度与视口之差
				tabBarHeight: 51, //如果此页面为Tab页面，自己改变高度值,,一般tab高度为51
				price_active: 2, // 2代表单品1代表店铺3代表原价
				ratevalue: 6,
				pricevalue: false,
				pages: 1, // 分页数据
				PageSize: 10, // 一页有多少数据
				total: null, // 总条数	
				dataList: [], // 列表数据
				triggered: false, // 设置是否下拉
				imgurl: getApp().globalData.imgurl,
				// scrollTop: 0 ,
			}
		},
		onLoad() {
			this.height = uni.getSystemInfoSync().windowHeight - this.tabBarHeight-104;
			this.getSystemCate()
		},
		methods: {
			//点击收藏
			onshoucang(e) {
				console.log(e.id);
				setCollect({
					sg_id: e.id,

				}).then(res => {
					console.log(res);
					this.getdataList(true, this.categoryActive, this.changetab)
				})
			},

			// 获取焦点跳转到搜索页
			onfocus(e) {
				uni.navigateTo({
					url: '/pages/search/search'
				})
			},

			// 跳转到商品详情
			ondetail(e) {
				uni.navigateTo({
					url: '/pages/goodsDetail/goodsDetail?codeid=' + e.code
				})
			},
			//触底加载
			lowerBottom() {
				// 重新获取列表数据
				// console.log('000');
				this.getdataList(false, this.categoryActive, this.changetab)
			},
			// 下拉刷新
			getFresh() {
				this.triggered = true,
				this.getdataList(true,this.categoryActive, this.changetab)

			},
			// 获取左侧分类
			getSystemCate() {

				getSystemCate({
					type: '0'
				}).then(res => {
					// console.log(res);
					this.classifyData = res.data
					// this.getSystemBanner(this.active)
					// this.getHomeData(true)
					this.getdataList(true, this.categoryActive, this.changetab)

				})
			},
			// 获取数据
			getdataList(isPullDownRefresh, system_cate, sort) {
				console.log('111' + isPullDownRefresh);
				let currPage = 1
				if (!isPullDownRefresh) {
					currPage = this.pages + 1
				} else {
					currPage = 1
				}
				console.log(currPage);
				getGoodDataBySysCate({
					region_code: uni.getStorageSync('cityinfo').region_code,
					system_cate: system_cate,
					style: this.price_active,
					sort: sort,
					page: currPage
				}).then(res => {
					console.log(res);
					if (res.code == 1) {
						// uni.hideToast()
						const newdata = res.data.list
						if (isPullDownRefresh) {
							this.dataList = newdata
							this.triggered = false
						} else {
							this.dataList = [...this.dataList, ...newdata]
						}
						// if (data.last_page <= data.curr_page) {
						// 	pageIndex.value = parseInt(data.last_page);
						// 	return
						// }
						console.log(res.data);
						console.log(this.dataList);
						this.pages = res.data.page.current
						console.log(this.pages);
					}
				})
			},

			// 选择单品店铺或者原价
			changeddy(e) {
				this.price_active = e.target.dataset.price_active
				this.getdataList(true, this.categoryActive, this.changetab)
			},
			// scroll(e) {
			// 	// console.log(111);
			// 	// console.log(e);
			// },
			categoryClickMain(item, index) {
				// console.log(index);
				this.dataList = []
				this.pages = 1
				this.categoryActive = item.system_cate_id;
				this.getdataList(true, item.system_cate_id, this.changetab)
				// this.scrollTop == this.arr[index] ? (this.scrollTop = this.scrollTop + 1) : (this.scrollTop = this.arr[
				// 	index]); //防止两次相等造成点击不触发滚动时间
			},

			select(item, i) {
				// console.log(item,i);
				this.number = i
				this.getdataList(true, this.categoryActive, item.id)
				if (item.id == '4') {
					this.list[2].upState = !this.list[2].upState
					this.list[2].id = '5'
					this.list[2].downState = false

				} else if (item.id == '5') {
					this.list[2].upState = false
					this.list[2].id = '4'
					this.list[2].downState = !this.list[2].downState

				} else {
					this.list[2].upState = false
					this.list[2].downState = false

				}

				//this.$emit('scree-n',item) //回传给父组件接收-当前
				// if(!item.mrimg){ //升降图标用来判断是否-阻止升降逻辑
				//  return
				// }
				// this.list.forEach((item,index)=>{
				// 	if(i!=index&&item.ishow){ //如果当前下标不一致且ishow存在 
				// 		item.ishow = false // - 默认还是未选择状态
				// 	}
				// })
				// item.ishow = !item.ishow 
				// console.log('---',item)
			},

		}
	}
</script>

<style>
	page {
		background: #eeeeee;
	}

	.content_box {
		width: 100%;
		display: flex;
		margin-top: 34rpx;
		/* height: 1000rpx; */
	}

	.content_search {
		width: 100%;
		height: 108rpx;
		background: linear-gradient(to left, #B6359C, #EF0A6A);
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		z-index: 999;
	}

	.search_box {
		width: 690rpx;
		height: 65rpx;
		background: #FFFFFF;
		border: 1px solid #EF0E6C;
		border-radius: 32rpx;
		display: flex;
		align-items: center;
		overflow: hidden;

	}

	.search_input {
		width: 568rpx;
		height: 65rpx;
		position: relative;
	}

	.search_we_in {
		width: 568rpx;
		height: 65rpx;
		padding-left: 89rpx;
	}

	.search_we_in::before {
		content: '';
		width: 36rpx;
		height: 36rpx;
		background: url(../../../static/imgs/search_icon.png) no-repeat;
		background-size: contain;
		position: absolute;
		left: 29rpx;
		top: 50%;
		transform: translateY(-50%);
	}

	.search_we_in::after {
		content: '';
		width: 32rpx;
		height: 29rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/camera.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 50%;
		right: 20rpx;
		transform: translateY(-50%);
	}

	.search_btn {
		width: 122rpx;
		height: 65rpx;
		background: #EF0E6C;
		/* 		border-top-right-radius: 32rpx;
			border-bottom-right-radius: 32rpx; */
		text-align: center;
		line-height: 65rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
	}

	.searchbox {
		width: 100%;
		height: 108rpx;
	}

	.nav_left {
		width: 25%;
		background-color: #eeeeee;
	}

	.nav_left_item {
		height: 100rpx;
		/* 	border-right: solid 1px #f1f1f1;
			border-bottom: solid 1px #f1f1f1; */
		font-size: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		/*强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。*/
		overflow: hidden;
		/*超出部分隐藏*/
		text-overflow: ellipsis;
		/*隐藏部分以省略号代替*/

	}

	.nav-item_txt {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		/* line-height: 70rpx; */
	}

	.active {

		/* 	width: 180rpx;
		height: 100rpx; */
		background: #FFFFFF;
		border-radius: 0rpx 10rpx 10rpx 0rpx;
	}

	.txtactive {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #EF0E6C;
		line-height: 70rpx;
		padding: 0 20rpx;
		border-bottom: 4rpx solid #EF0E6C;

	}

	.nav_right {
		width: 75%;
		height: 80vh;
		margin-left: 50rpx;
	}

	.nav_rtop_box {
		position: fixed;
		/* top: 0; */
		display: flex;
		align-items: center;
		z-index: 9999;
	}

	.nav_rtop_boxZW {
		width: 490rpx;
		height: 54rpx;
	}

	.nav_rchange {
		width: 150rpx;
		height: 54rpx;
		background: #FFC2C0;
		opacity: 0.8;
		border-radius: 10rpx;
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 54rpx;
		text-align: center;
		margin-right: 20rpx;
	}

	.nav_rchange:last-child {
		margin-right: 29rpx;
	}

	.nav_rchange_active {
		width: 150rpx;
		height: 54rpx;
		background: #FFFFFF;
		border: 1px solid #FF5A00;
		opacity: 0.8;
		border-radius: 10rpx;
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF5A00;
		line-height: 54rpx;
	}

	.nav_right_tabbg {
		width: 490rpx;
		/* height: 65rpx; */
		margin-top: 15rpx;
	}

	.nav_right_tab {
		position: fixed;
		width: 490rpx;
		height: 65rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		z-index: 9999;

	}

	.nav_right_tabZW {
		width: 490rpx;
		height: 65rpx;
	}

	.nav_right_tabbox {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 40rpx;
	}

	.nav_right_tabbox_active {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF9A00;
		line-height: 40rpx;
	}

	.scrollHeight {
		height: 80vh;
		/* margin-top: 80rpx; */
	}

	.nav_right_tabbox_price {
		display: flex;
	}

	.flexs {
		display: flex;
		justify-content: space-between;
		align-items: center;


	}

	.upimage {
		width: 30rpx;
		height: 30rpx;
	}

	.price_jiantou {
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: center;
		margin-left: 4rpx;
	}

	.nav_right_shopbox {}

	.nav_right_shops {
		width: 490rpx;
		/* height: 417rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-top: 20rpx;
		overflow: hidden;
		position: relative;
		/* padding-bottom: 22rpx; */
	}

	.nav_right_shops_top {
		display: flex;
		align-items: center;
		margin-top: 25rpx;

	}

	.nav_right_shops_topicon {
		width: 26rpx;
		height: 24rpx;
		margin-left: 20rpx;
		/* background: #000; */
	}

	/* 	image{
		width: 100%;
		height: 100%;
	} */
	.nav_right_shops_topname {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: 600;
		color: #333333;
		/* line-height: 55rpx; */
		margin-left: 10rpx;
		margin-right: 20rpx;
	}

	.nav_right_shopcontent {
		display: flex;
		/* align-items: center; */
		margin-top: 25rpx;
		margin-left: 20rpx;
		padding-bottom: 22rpx;
	}

	.nav_right_shopcontentimg {
		width: 120rpx;
		height: 120rpx;
		background: #FF0000;
		border-radius: 10rpx;
	}

	.nav_right_shopcontenttxt {
		margin-left: 20rpx;
		/* width: 100%; */
		/* 	width: 250rpx;
		height: 250rpx; */
		/* background: #000; */
	}

	.nav_right_shopcontenttitle {
		width: 280rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 30rpx;
		white-space: nowrap;
		/*强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。*/
		overflow: hidden;
		/*超出部分隐藏*/
		text-overflow: ellipsis;
		/*隐藏部分以省略号代替*/

	}

	.nav_right_shopcontentBq {
		margin-top: 14rpx;
	}

	.biaoqian {
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 24rpx;
		padding: 3rpx 6rpx;
		background: #EE0E6B;
		border-radius: 5rpx;
		margin-right: 14rpx;
	}

	/* 原价最低价 */
	.nav_right_shopdazhe {
		display: flex;
		margin-top: 20rpx;
		align-items: center;
		justify-content: space-between;
	}

	.nav_right_shopdazheY {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 24rpx;
	}

	.nav_right_shopdazheZD {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF5A00;
		line-height: 24rpx;
		margin-right: -30rpx;
	}

	.nav_right_shopdazheicon {
		font-size: 14rpx
	}

	/* 最底部活动时间 */
	.nav_right_shopbottom {
		width: 490rpx;
		height: 42rpx;
		background: #FF5A00;
		border-radius: 0rpx 0rpx 10rpx 10rpx;
		line-height: 42rpx;
		text-align: center;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FEFEFE;
	}

	/* 活动图片定位 */
	.nav_right_shopfloat {
		width: 121rpx;
		height: 56rpx;
		background: #FF0000;
		border-radius: 0rpx 9rpx 0rpx 33rpx;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}

	.nav_right_shopsYjian {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 18rpx;
		/* padding-bottom: 20rpx; */
	}


	.nav_right_shopsYjianL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 24rpx;
	}

	.nav_right_shopsYjianR {
		width: 30rpx;
		height: 30rpx;
		background: #FF0000;
		border-radius: 50%;
		color: #fff;
		font-size: 24rpx;
		text-align: center;
		line-height: 30rpx;
		margin-right: -30rpx;
	}

	.price_icon {
		font-size: 20rpx;
		font-weight: 700;
	}

	.price_money {
		font-size: 28rpx;
		font-weight: 700;
	}

	/* ::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	} */

	/* 店铺拼单页面 */
	.nav_right_stores {
		width: 490rpx;
		/* height: 520rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-top: 20rpx;
		position: relative;
	}

	.nav_right_storestopimg {
		width: 100%;
		height: 250rpx;
		background: linear-gradient(266deg, #FBEBDC 0%, #E5C2A4 100%);
		border-radius: 10rpx 10rpx 0rpx 0rpx;
	}

	.nav_right_stores_titlebox {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		margin-top: 14rpx;
		margin-left: 19rpx;
	}

	.right_icon_store {
		margin-left: 20rpx;
	}

	.nav_right_storesYZSHOP {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #07BE1A;
		margin-left: 19rpx;
		margin-top: 18rpx;
	}

	.nav_right_storeinfo {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #07BE1A;
		margin-right: 15rpx;
	}

	.nav_right_stores_pingjiabox {
		margin-top: 18rpx;
		margin-left: 19rpx;
		margin-right: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		background: #FFF;
		color: #FE0000;
	}

	.nav_right_stores_xiaoliang {
		margin-top: 16rpx;
		margin-left: 19rpx;
		margin-right: 20rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #777777;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nav_right_store_shoucang {
		margin-top: 16rpx;
		margin-left: 19rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
		line-height: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 20rpx;
	}

	.shops_collectL {
		width: 31rpx;
		height: 30rpx;
	}

	.shops_collectR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
		line-height: 24rpx;
		margin-right: 20rpx;
	}

	.collect_img {
		width: 100%;
		height: 100%;
	}

	.nav_right_storesbottom {
		width: 490rpx;
		height: 42rpx;
		background: #FF5A00;
		border-radius: 0rpx 0rpx 10rpx 10rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 42rpx;
		text-align: center;
		margin-top: 10rpx;
	}

	.nav_right_storeshuodong {
		width: 61rpx;
		height: 81rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/huodong.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 15rpx;

		/* line-height: 70rpx; */
	}

	.huodong_huo {
		width: 29rpx;
		height: 34rpx;
		position: absolute;
		left: 50%;
		top: 6rpx;
		transform: translateX(-50%);
	}

	.huodong_txt {
		width: 61rpx;
		position: absolute;
		left: 50%;
		bottom: 16rpx;
		transform: translateX(-50%);
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #EEE60E;
		text-align: center;
	}
</style>